<template>
  <div>
    <van-divider content-position="left">热搜榜</van-divider>
    <div class="hot-search">
      <van-row>
        <van-col @click="searchKeyword(item.searchWord)" v-for="(item, i) in hotKeywordList" span="12"
        :key="item.searchWord">
          <span class="keyword">{{i+1}}.{{item.searchWord}}</span>
          <img class="img" align="texttop" v-if="item.iconUrl" :src="item.iconUrl" alt="">
        </van-col>
      </van-row>
    </div>
  </div>
</template>
<script  type='module'>
export default {
  name: 'SearchMusicList',
  props: {
    hotKeywordList: Array
  },
  methods: {
    // 点击热词
    searchKeyword (Word) {
      // 调用搜索
      this.$emit('hotWordSearch', Word)
      // this.SearchSuggest()
    }
  }

}
</script>
<style scoped lang="less">
.keyword {
  font-size: 13px;
  line-height: 40px;
}
.hot-search-box {
  .history {
    margin-top: 10px;
    font-size: 14px;
    .van-tag {
      margin: 5px;
    }
  }
  margin: 0 16px;
  .img {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
}
</style>
